<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>身份证管理</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="../../bower_components/frozenui/css/frozen.css">
  <link rel="stylesheet" href="../../static/css/common.css">
  <link rel="stylesheet" href="../../app.css">
  <link rel="stylesheet" href="id-card.css">

</head>
<body  ontouchstart="" ng-app='wdApp'>
  <div class="ui-container" ng-controller="idCardController" ng-cloak>
    <div class="top-container">
        <p class="hint">请拍摄身份证正反两面,系统自动识别xxx</p>
    
        <div class="ui-flex ui-flex-pack-center">
    
            <div id="frontImageContainer" class="photo-container photo-front ui-row-flex ui-flex-pack-center ui-flex-align-center">
                <div class="circle-container ui-row-flex ui-flex-pack-center ui-flex-align-center ui-row-flex-ver">
                    <i class="icon-camera"></i>
    
                    <p style="color: white">正面</p>
                </div>
    
            </div>
            <div class="gap"></div>
            <div id="backImageContainer" class="photo-container photo-back ui-row-flex ui-flex-pack-center ui-flex-align-center">
                <div class="circle-container ui-row-flex ui-flex-pack-center ui-flex-align-center ui-row-flex-ver">
                    <i class="icon-camera"></i>
    
                    <p style="color: white">反面</p>
                </div>
    
            </div>
        </div>
    </div>

    <p class="hint">请核对以下信息，若姓名有误请手动更正</p>

    <div class="ui-form-item ui-form-item-show ui-border-b">
        <label class="form-title" for="#">姓名:</label>
        <input id="realName" name="realName" type="text" value="">
    </div>
    <div class="ui-form-item ui-form-item-show ui-border-b">
        <label class="form-title" for="#">身份证号:</label>
        <input id="idCard" name="idCard" type="text" value="" readonly>
    </div>
    <div class="ui-form-item ui-form-item-show ui-border-b">
        <p><h6 id="checkExpire" class="check_expire">已过期</h6></p>
        <label class="form-title" for="#">有效期限:</label>
        <input id="validDate" name="validDate" type="text" value="" readonly>
    </div>
  </div>
  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="../../bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
  <script src="../../bower_components/angular/angular.min.js"></script>
  <script src="../../bower_components/frozenui/lib/zepto.min.js"></script>
  <script src="../../bower_components/frozenui/js/frozen.js"></script>
  <script src="../../components/common/common.js"></script>

  <script src="id-card.js"></script>
<!--  <script src="../../app.js"></script>-->
  <script>
    //(function (){
    //  var tab = new fz.Scroll('.ui-tab', {
    //    role: 'tab',
    //    autoplay: true,
    //    interval: 3000
    //  });
    //  /* 滑动开始前 */
    //  tab.on('beforeScrollStart', function(fromIndex, toIndex) {
    //    console.log(fromIndex,toIndex);// from 为当前页，to 为下一页
    //  })
    //})();
  </script>
</body>
</html>
